body
  width: 100%
  min-height: 460px
  margin: 0px
  padding: 0px
  font: normal 14px Arial, "Helvetica Neue", Verdana
  background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#464646), to(#1F1F1F))
  -webkit-text-size-adjust: none
  
p
  padding: 0px 10px
  color: #6B6B6B
  
a
  font-weight: bold
  color: #404040
  
.clear
  display: block
  clear: both
  
#header
  text-align: center
  height: 50px
  background-color: red
  margin-bottom: 5px
  background: url('../img/hbkg.png') repeat-x
  
  #logo
    margin: 0 auto
    height: 40px
    width: 185px
    background: url('../img/logo.png') no-repeat
  
#menu
  margin: 0px
  padding: 0px
  list-style: none
  padding-left: 1%
  
  li
    text-align: center
    width: 31.5%
    float: left
    background-color: #e2e2e2
    margin: 0px 2px
    padding: 4px 0px
    font-weight: bold
    font-size: 16px
    border: 1px solid white
    -webkit-border-radius: 5px
  
  .selected
    background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#f9e17b), to(#f9cb04))
    border: 1px solid #dab000
    

#content
  -webkit-border-radius: 10px
  background-color: white
  margin: 10px 4px
  
  #loading_c
    text-align: center
    
  #incidencias_c
    text-align: center
  
  .container
    padding: 10px 0px
    
    #incidencia_detalle_map, #puerto_detalle_map
      width: 100%
      overflow: hidden
      
    #p_est_info
      float: right
      margin: 12px 10px 0px 0px 
    
    #p_extra_info
      font-weight: bold
      color: #6b6b6b
      width: 70%
      margin: 5px 0px
      float: left
      font-size: 16px
      padding-left: 10px
      
    .tip, .tip_top
      font-size: 12px
      padding: 5px 10px 0px 10px
      display: block
      text-align: center
      color: #6b6b6b
      
    .tip_top
      padding-bottom: 8px
    
    #incidencia_extrainfo
      font-weight: bold
      color: #6b6b6b
      width: 68%
      margin-top: 8px
      float: left
    
    #incidencias_near_me, #incidencia_buscar_camaras, #puerto_buscar_camaras
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050))
      weight: 70%
      margin: 10px
      padding: 4px
      font-size: 26px
      text-align: center
      color: white
      font-weight: bold
      -webkit-border-radius: 5px
      text-shadow: 0px 2px 0px #3d3d3d
      border-bottom: 2px solid #c2c2c2
      
    #incidencia_buscar_camaras, #puerto_buscar_camaras
      font-size: 16px
      margin: 10px 10px 0px 10px
      
    #incidencias_c_roads
      text-align: center
      font-size: 20px
  
    .section_title
      display: block
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050))
      padding: 4px
      color: white
      font-size: 18px
      text-align: center
      font-weight: bold
      border-bottom: 2px solid #919191
    
    .accesos_head_info
      margin: 0px 10px 5px 10px
    
      #accesos_detalle_name
        font-size: 24px
        font-weight: bold
        
    #accesos_detalle_cameras, #camaras_cercanas
      text-align: center
      
      .camera_name
        display: block
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050))
        margin: 10px
        padding: 4px
        color: white
        font-weight: bold
        -webkit-border-radius: 5px
        border-bottom: 2px solid #919191
        
    .s0, .s1, .s2, .s3, .s4
      padding: 10px
      margin-right: 8px
      -webkit-border-radius: 12px
      float: left
      
    .s0
      background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#A3CF5D), to(#6F9D36))
      border: 2px solid #0E663A

    .s1
      background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#ffe891), to(#ffdc54))
      border: 2px solid #ffcb00

    .s2
      background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#ffd291), to(#ffba54))
      border: 2px solid #ff8333
      
    .s3
      background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#fe9091), to(#fe5455))
      border: 2px solid #fe3335

    .s4
      background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#606060), to(#2c2c2c))
      border: 2px solid #050505
      
    .s_right
      float: right
      margin-top: 8px
      padding: 12px
      -webkit-border-radius: 14px
  
    hr
      margin: 0px
      height: 0px
      border: none
      border-bottom: 1px solid #dadada
    
    ul
      margin: 0px
      padding: 0px
      list-style: none
    
      li
        padding: 4px 8px
        font-size: 22px
        font-weight: bold
        border-bottom: 1px solid #dadada
      
        .arrow
          font-size: 28px
          line-height: 22px
          color: #c2c2c2
          float: right
          
      li.c_incidencia
        height: 46px
        font-size: 16px
        
        .arrow
          font-size: 32px
          line-height: 40px
          color: #c2c2c2
          float: right
          
        .info_carretera
          float: left
          display: block
          overflow: hidden
          margin-top: 5px
          font-size: 20px
          line-height: 16px
          
          .in_causa
            font-size: 14px
            color: #6b6b6b
        
      li.puerto
        font-size: 18px
        padding: 10px 5px
        
        .p_label
          overflow: hidden
          width: 70%
          height: 22px
          float: left
        
        .arrow
          line-height: 18px
          color: #c2c2c2
          margin-left: 4px
          float: right

.puertos
  padding: 10px
  margin-right: 2px
  float: right

.p0
  background: url('../img/puertos.jpg') 0px 0px no-repeat

.p1
  background: url('../img/puertos.jpg') 0px -20px no-repeat

.p2
  background: url('../img/puertos.jpg') 0px -60px no-repeat

.p3
  background: url('../img/puertos.jpg') 0px -40px no-repeat

.incidencia
  padding: 23px
  margin: 0px 10px 0px 0px
  float: left

.patch
  margin-left: 5px

.i0
  background: url('../img/in_icons.jpg') 0px 0px no-repeat

.i1
  background: url('../img/in_icons.jpg') 0px -46px no-repeat

.i2
  background: url('../img/in_icons.jpg') 0px -92px no-repeat

.i3
  background: url('../img/in_icons.jpg') 0px -138px no-repeat

.i4
  background: url('../img/in_icons.jpg') 0px -184px no-repeat

.i5
  background: url('../img/in_icons.jpg') 0px -230px no-repeat

.i6
  background: url('../img/in_icons.jpg') 0px -276px no-repeat

.i7
  background: url('../img/in_icons.jpg') 0px -322px no-repeat

.i8
  background: url('../img/in_icons.jpg') 0px -368px no-repeat
    
#footer
  text-align: center
  color: #262626
  font-weight: bold
  padding-bottom: 10px
  
  #user_location
    margin: 0 auto
    padding: 4px
    -webkit-border-radius: 5px
    background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#f9e17b), to(#f9cb04))
    border: 1px solid #dab000
    width: 90%
    